<template>
  <div>
    <!-- 面包屑 -->
    <Bread></Bread>
    <!-- 标签页 -->
   <div class="content_box">
    <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
  <el-tab-pane label="会场管理" name="first">
    <div class="content">
      <SetUser @gotowtab="gotowtab"></SetUser>
    </div>
  </el-tab-pane>

  <el-tab-pane label="商品管理" name="second">
    <div class="content">
      <SetGoods></SetGoods>
      <!-- <router-view>
      </router-view> -->
    </div></el-tab-pane>

  <el-tab-pane label="分类管理" name="third">
    <div class="content">
      <SetClass></SetClass>
    </div></el-tab-pane>
  <el-tab-pane label="轮播管理" name="fourth">
    <div class="content">
      <Setbanner></Setbanner>
    </div></el-tab-pane>
</el-tabs>
   </div>
  </div>
</template>

<script>
import Bread from '../Bread/Bread.vue';
import SetUser from '../../components/SeckillAbout/SetUser.vue';
import SetGoods from '../../components/SeckillAbout/SetGoods.vue';
import SetClass from '../../components/SeckillAbout/SetClass.vue';
import Setbanner from '../../components/SeckillAbout/Setbanner.vue';
export default {
    components: { Bread, SetUser, SetGoods, SetClass, Setbanner },
    data() {
      return {
        activeName: 'first'
      }
    },
    methods: {
      handleClick(e,a,b){
      //   var router = e.$router.options.routes[1].children
      //  console.log(router);
      },
      gotowtab(e){
        console.log(e);
        this.activeName = e
      }
    },
}
</script>

<style scoped src="./css/seckillAmin.css">
.content_box{
  width: 1100px;
  height: 100%;
}

</style>
